<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" language="javascript"
	src="<s:url value="/js/jquery.js" />"></script>
<script type="text/javascript" language="javascript"
	src="<s:url value="/js/myjquery.js" />"></script>
<script type="text/javascript" language="javascript"
	src="<s:url value="/js/base.js" />"></script>
<script type="text/javascript" language="javascript"
	src="<s:url value="/js/My97DatePicker/WdatePicker.js" />"></script>
<link type="text/css" rel="stylesheet"
	href="<s:url value="/ext/resources/css/ext-all-gray.css" />" />
<style>
#logo2 {
	width: 102px;
	height: 32px;
	top: 10px;
	left: 70px;
	position: absolute;
	background-image: url('<s:url value="/images/logo-left.png" />')
}

#logo {
	background: url('<s:url value="/images/logonew.png" />') no-repeat
		!important;
	background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
		sizingMethod=crop, src='<s:url value="/images/logonew.png" />' );
	height: 90px;
	position: absolute;
	right: 70px;
	top: 6px;
	width: 111px;
}

#div-lc {
	background-image: url('<s:url value="/images/lc.gif" />');
}

#div-rc {
	background-image: url('<s:url value="/images/rc.gif" />');
}

#div-lb {
	background-image: url('<s:url value="/images/club_lb.bmp" />');
}

#div-rb {
	background-image: url('<s:url value="/images/club_rb.bmp" />');
}

#menu-head li {
	border-right: 2px solid white;
	color: white;
	cursor: pointer;
	float: left;
	font: bold 14px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial,
		Verdana, sans-serif;
	list-style-type: none;
	padding: 0 10px;
}

#menu-head li a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.my-grid{
	overflow: auto;
}
.x-body,.x-panel-header-text-default,.x-panel-header-text-default-framed,.my-grid span,.my-grid div
	{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial,
		Verdana, sans-serif;
	font-size: 12px;
}

span.x-btn-inner {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial,
		Verdana, sans-serif !important;
	font-size: 12px !important;
}

.x-panel-header-text-default {
	font-size: 12px;
}

#hd,#ft {
	background-color: #ffffff;
	position: relative;
}

#menus .x-panel-header-text {
	font-weight: bold;
	color: #185D42;
}

#menus .x-collapsed .x-panel-header-text {
	font-weight: normal;
	color: #185D42;
}

.feed-list {
	padding: 3px;
}

.feed-list-item {
	background: url('<s:url value="/images/drop-add.gif" />') no-repeat
		scroll 0 2px transparent;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	font-size: 11px;
	line-height: 20px;
	margin-top: 3px;
	padding-left: 20px;
	color: #185D42;
}

.feed-list-item,.feed-list-item a,#menu_grid .x-menu-item-text {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial,
		Verdana, sans-serif !important;
	font-size: 12px !important;
}

.feed-list .x-item-selected {
	background-color: #D7D7D7;
	border: 1px dotted #D0D0D0;
	color: #185D42;
	font-weight: bold;
}

.feed-list-item-hover {
	background-color: #EEEEEE;
}

.feed-list-item a {
	color: #185D42;
	text-decoration: none;
}

.x-toolbar-sencha {
	background-image: -moz-linear-gradient(center top, #8FC33A, #739B2E);
	border-bottom: 1px solid #567422;
}

.x-toolbar-sencha .x-logo {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 10px 10px 31px;
	text-shadow: 0 1px 0 #4E691F;
}

#splitter_bar div {
	cursor: pointer;
}

body {
	position: relative !important;
	overflow: auto !important;
	background-color: #ffffff !important;
}
</style>
<script type="text/javascript">
	jQuery(function() {
		// browser version
		if (jQuery.browser.msie) {
			jQuery("body").addClass(
					"x-ie x-ie7p x-ie8p x-ie8 x-ie8m x-ie78 x-nbr x-nlg");
		} else if (jQuery.browser.mozilla) {
			jQuery("body").addClass("x-gecko");
		} else if (jQuery.browser.opera) {
			jQuery("body").addClass("x-opera");
		} else if (jQuery.browser.safari) {
			jQuery("body").addClass("x-safari");
		}
		if (jQuery.browser.msie) {
			var html = '<div id="menu_grid_shadow"';
			html += '	style="z-index: 19000; filter: progid:DXImageTransform.Microsoft.alpha(opacity=50 ) progid:DXImageTransform.Microsoft.Blur(pixelradius=4 ); width: 127px; display: block; height: 61px; display: none;"';
			html += '	class="x-ie-shadow"></div>';
			jQuery("body").append(html);
		} else {
			var html = '<div class="x-css-shadow" id="menu_grid_shadow"';
			html += '	style="z-index: 19000; width: 126px; height: 58px; box-shadow: 0pt 0pt 4px rgb(136, 136, 136); display: none;"></div>';
			jQuery("body").append(html);
		}
		
		var mainContentHeight = Math.max(jQuery("#left_menu").height(), jQuery("#main_content").height()) - 5;
		jQuery("#bd").height(mainContentHeight);
		jQuery("#left_menu").height(mainContentHeight);
		jQuery("#left_hidden").height(mainContentHeight);
		jQuery("#splitter_bar").height(mainContentHeight);
		
		// button
		jQuery("div.x-tool").hover(function() {
			jQuery(this).addClass("x-tool-over");
		}, function() {
			jQuery(this).removeClass("x-tool-over");
		});
		jQuery(".x-btn-default-small")
				.hover(
						function() {
							jQuery(this)
									.addClass(
											"x-over x-btn-over x-btn-default-small-over over");
						},
						function() {
							jQuery(this)
									.removeClass(
											"x-over x-btn-over x-btn-default-small-over over");
						})
				.mousedown(
						function() {
							jQuery(this)
									.addClass(
											"x-pressed x-btn-pressed x-btn-default-small-pressed x-focus x-btn-focus x-btn-default-small-focus");
						})
				.mouseup(
						function() {
							jQuery(this)
									.removeClass(
											"x-pressed x-btn-pressed x-btn-default-small-pressed x-focus x-btn-focus x-btn-default-small-focus");
						});
		jQuery(".x-btn-default-toolbar-small")
				.hover(
						function() {
							jQuery(this)
									.addClass(
											"x-over x-btn-over x-btn-default-toolbar-small-over over");
						},
						function() {
							jQuery(this)
									.removeClass(
											"x-over x-btn-over x-btn-default-toolbar-small-over over");
						})
				.mousedown(
						function() {
							jQuery(this)
									.addClass(
											"x-pressed x-btn-pressed x-btn-default-toolbar-small-pressed x-focus x-btn-focus x-btn-default-small-focus");
						})
				.mouseup(
						function() {
							jQuery(this)
									.removeClass(
											"x-pressed x-btn-pressed x-btn-default-toolbar-small-pressed x-focus x-btn-focus x-btn-default-small-focus");
						});
		
		// menu
		//toggleLeftMenu();
		jQuery("#left_menu_icon").click(toggleLeftMenu);
		jQuery("#left_hidden_icon").click(toggleLeftMenu);
		jQuery("#splitter_bar .x-layout-split-left").click(toggleLeftMenu);
		
		jQuery("#menus .x-accordion-hd")
				.click(
						function() {
							var isOpened = !jQuery(this)
									.hasClass("x-collapsed");
							if (isOpened) {
								closeMenuItem(jQuery(this));
								return;
							}
							closeMenuItem(jQuery("#menus .x-accordion-hd"));
							openMenuItem(jQuery(this));
						});
		jQuery(".feed-list-item").hover(function() {
			jQuery(this).addClass("feed-list-item-hover");
		}, function() {
			jQuery(this).removeClass("feed-list-item-hover");
		});
		
		// grid
		jQuery(".my-grid").parent(".x-panel-body").css("padding", "0px");
		jQuery(".x-grid-row").hover(function() {
			jQuery(this).addClass("x-grid-row-over");
		}, function() {
			jQuery(this).removeClass("x-grid-row-over");
		});
		jQuery(".x-column-header-inner").hover(function() {
			jQuery(this).addClass("x-column-header-over");
		}, function() {
			jQuery(this).removeClass("x-column-header-over");
		});
		jQuery(".x-menu-item").hover(function() {
			jQuery(this).addClass("x-menu-item-active");
		}, function() {
			jQuery(this).removeClass("x-menu-item-active");
		});
		jQuery("body").click(
				function hideGridMenu(e) {
					jQuery("#menu_grid_shadow").css("display", "none");
					jQuery("#menu_grid").css("display", "none");
					jQuery(".x-column-header-trigger").parent().removeClass(
							"x-column-header-open");
				});
		jQuery(".x-column-header-trigger").click(
				function(e) {
					e.stopPropagation();
					var menu = jQuery("#menu_grid");
					var menuShadow = jQuery("#menu_grid_shadow");
					menuShadow.css("display", "block");
					menu.css("display", "block");
					jQuery(this).parent().addClass("x-column-header-open");
					var shProp = getSortMenuPosition(this);
					menuShadow.css(shProp).show();
					menu.css(shProp).show();

					var trigger = this;
					var orderBy = trigger.id.replace("sort_order_by_", "");

					var _func_grid_menu_asc;
					jQuery(".x-hmenu-sort-asc", menu).unbind("click",
							_func_grid_menu_asc).bind("click",
							_func_grid_menu_asc = function() {
								sort(orderBy, trigger, "asc");
							});
					var _func_grid_menu_desc;
					jQuery(".x-hmenu-sort-desc", menu).unbind("click",
							_func_grid_menu_desc).bind("click",
							_func_grid_menu_desc = function() {
								sort(orderBy, trigger, "desc");
							});
				});
		jQuery(".x-grid-cell-inner .show-title").each(function() {
			jQuery(this).attr("title", jQuery(this).html());
		});
		
 		jQuery(".x-column-header").each(function(){
			var h = jQuery(this).parent().height();
			jQuery(this).height(h);
			jQuery(".x-column-header-inner", this).height(h);
		});

		// form
		jQuery(".x-form-invalid .x-form-text").addClass("x-form-invalid-field");
		jQuery(".x-form-invalid-icon").hover(
				function() {
					var position = getFormErrorTipPosition(this);
					jQuery("#form_invalid_tip .x-form-invalid-tip-body").html(
							jQuery(this).html());
					jQuery("#form_invalid_tip").css(position).show();
				}, function() {
					jQuery("#form_invalid_tip").hide();
				});
		
		// panel
		jQuery(".my-panel .x-panel-header-body .x-tool").click(
				function() {
					var imageButton = jQuery("img", this);
					var isOpen = imageButton.hasClass("x-tool-collapse-top");
					imageButton.removeClass(
							"x-tool-collapse-top x-tool-expand-bottom")
							.addClass(
									isOpen ? "x-tool-expand-bottom"
											: "x-tool-collapse-top");

					var p = jQuery(this).parent();
					while (p != null && !p.hasClass("x-panel")) {
						p = p.parent();
					}
					if (p)
						p.find(".x-panel-body").css("display",
								isOpen ? "none" : "block");
				});
	});
	function openMenu(i, j){
		if(i < 0 || i > 9) return ;
				var m = jQuery("#menu_" + i);
				openMenuItem(m);
		if(j != null){
			jQuery("#menu_"+i+"_" + j).addClass("x-item-selected");
		}
	}

	function getFormErrorTipPosition(node) {
		var top = jQuery(node).offset().top + jQuery(node).height() + 10;
		var left = jQuery(node).offset().left + jQuery(node).width() + 10;
		var shProp = {
			left : left + "px",
			top : top + "px"
		};
		return shProp;
	}

	function getSortMenuPosition(node) {
		var top = jQuery(node).offset().top + jQuery(node).height();
		var left = jQuery(node).offset().left;
		var shProp = {
			left : left + "px",
			top : top + "px"
		};
		return shProp;
	}
	
	function isIE6orIE7(){
		return jQuery.browser.msie && (jQuery.browser.version.indexOf("6.0") > -1
				|| jQuery.browser.version.indexOf("7.0") > -1);
	}
	
	function toggleLeftMenu() {
		var isLeftMenuShow = jQuery("#left_menu").css("display") != "none";
		jQuery("#left_menu").css("display",
				isLeftMenuShow ? "none" : "");
		jQuery("#left_hidden").css("display",
				isLeftMenuShow ? "" : "none");
		var leftHiddenWidth = jQuery("#left_hidden").width() + 10;
		var leftMenuWidth = jQuery("#left_menu").width();
		if (isLeftMenuShow){
			jQuery("#main_content").css("margin-left", (leftHiddenWidth + 5) + "px");
			jQuery("#splitter_bar").css("left", leftHiddenWidth + "px");
			jQuery("#splitter_bar").addClass("x-splitter-collapsed");
		}else{
			jQuery("#main_content").css("margin-left", (leftMenuWidth + 5) + "px");
			jQuery("#splitter_bar").css("left", leftMenuWidth + "px");
			jQuery("#splitter_bar").removeClass("x-splitter-collapsed");
		}
	}
	function openMenuItem(menuItemHeader){
		menuItemHeader
				.removeClass(
						"x-collapsed x-panel-header-collapsed x-panel-header-default-collapsed x-collapsed-top x-panel-header-collapsed-top x-panel-header-default-collapsed-top");
		jQuery(".accordion-header-body", menuItemHeader)
				.removeClass(
						"x-panel-header-body-collapsed x-panel-header-body-default-collapsed x-panel-header-body-collapsed-top x-panel-header-body-default-collapsed-top x-panel-header-body-default-collapsed x-panel-header-body-default-collapsed-top");
		jQuery(".accordion-header-icon", menuItemHeader).removeClass(
				"x-tool-expand-bottom x-tool-collapse-top")
				.addClass("x-tool-collapse-top");
		menuItemHeader.parent().find(".x-accordion-body")
				.css("display", "");
	}
	function closeMenuItem(menuItemHeader){
		menuItemHeader
				.addClass(
						"x-collapsed x-panel-header-collapsed x-panel-header-default-collapsed x-collapsed-top x-panel-header-collapsed-top x-panel-header-default-collapsed-top");
		jQuery(".accordion-header-body", menuItemHeader)
				.addClass(
						"x-panel-header-body-collapsed x-panel-header-body-default-collapsed x-panel-header-body-collapsed-top x-panel-header-body-default-collapsed-top x-panel-header-body-default-collapsed x-panel-header-body-default-collapsed-top");
		jQuery(".accordion-header-icon", menuItemHeader)
				.removeClass(
						"x-tool-expand-bottom x-tool-collapse-top")
				.addClass("x-tool-expand-bottom");
		menuItemHeader.parent().find(".x-accordion-body")
				.css("display", "none");
	}
</script>